﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>Mypetstore后台管理系统</title>
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap-table.min.css">
	<link rel="stylesheet" type="text/css" href="assets/css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>

<body>
	<div class="skin-default" id="wrapper">
		<header class="navbar-header">
			<div class="brand">
				<a class="navbar-brand" href="index.html" title="AlphaAdmin">宠物商店管理系统</a>
			</div>
			<div class="navbar">
				<i class="sidebar-toggle iconfont icon-menu" data-toggle="push-menu" role="button">
				</i>
				<div class="navbar-menu pull-right">
					<ul class="nav navbar-nav">
						<li class="dropdown message">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="消息">
								<i class="iconfont icon-email"></i>
								<span class="badge">4</span>
							</a>
							<ul class="dropdown-menu">
								<li class="header">
									您有4条消息
								</li>
								<li class="body">
									<ul class="menu">
										<li>
											<a href="#" title="如何设置头部head...">
												<div class="pull-left">
													<img class="img-circle" src="assets/avatars/avatars.png">
												</div>
												<h4 class="name">
													匿名用户
													<small class="pull-right">
														<i class="iconfont icon-time"></i>
														5分钟前
													</small>
												</h4>
												<p class="content">
													如何设置头部head的meta值
												</p>
											</a>
										</li>
										<li>
											<a href="#" title="如何设置头部head...">
												<div class="pull-left">
													<img class="img-circle" src="assets/avatars/avatars.png">
												</div>
												<h4 class="name">
													匿名用户
													<small class="pull-right">
														<i class="iconfont icon-time"></i>
														5分钟前
													</small>
												</h4>
												<p class="content">
													如何设置头部head的meta值
												</p>
											</a>
										</li>
										<li>
											<a href="#" title="如何设置头部head...">
												<div class="pull-left">
													<img class="img-circle" src="assets/avatars/avatars.png">
												</div>
												<h4 class="name">
													匿名用户
													<small class="pull-right">
														<i class="iconfont icon-time"></i>
														5分钟前
													</small>
												</h4>
												<p class="content">
													如何设置头部head的meta值
												</p>
											</a>
										</li>
										<li>
											<a href="#" title="如何设置头部head...">
												<div class="pull-left">
													<img class="img-circle" src="assets/avatars/avatars.png">
												</div>
												<h4 class="name">
													匿名用户
													<small class="pull-right">
														<i class="iconfont icon-time"></i>
														5分钟前
													</small>
												</h4>
												<p class="content">
													如何设置头部head的meta值
												</p>
											</a>
										</li>
									</ul>
								</li>
								<li class="footer">
									<a href="#" title="查看所有消息">
										查看所有消息
									</a>
								</li>
							</ul>
						</li>
						<li class="dropdown notify">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="通知">
								<i class="iconfont icon-bells"></i>
								<span class="badge">7</span>
							</a>
							<ul class="dropdown-menu">
								<li class="header">
									您有7个通知
								</li>
								<li class="body">
									<ul class="menu">
										<li>
											<a class="text-danger" href="#" title="系统发生一个未知错误">
												<i class="iconfont icon-error pull-left"></i>
												<p class="content">发生一个系统路径错误</p>
											</a>
										</li>
										<li>
											<a class="text-warning" href="#" title="系统发出一个警告">
												<i class="iconfont icon-alert pull-left"></i>
												<p class="content">为安全起见,请删除install文件夹</p>
											</a>
										</li>
										<li>
											<a class="text-success" href="#" title="修改成功">
												<i class="iconfont icon-ok pull-left"></i>
												<p class="content">您更新了个人资料</p>
											</a>
										</li>
										<li>
											<a class="text-info" href="#" title="新成员">
												<i class="iconfont icon-menu-user pull-left"></i>
												<p class="content">3位新成员</p>
											</a>
										</li>
										<li>
											<a class="text-muted" href="#" title="点赞">
												<i class="iconfont icon-thumbs-up pull-left"></i>
												<p class="content">5个点赞</p>
											</a>
										</li>
									</ul>
								</li>
								<li class="footer">
									<a href="#" title="查看所有通知">
										查看所有通知
									</a>
								</li>
							</ul>
						</li>
						<li class="dropdown user">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="用户">Admin</a>
							<ul class="dropdown-menu">
								<li>
									<a data-toggle="modal" data-target=".menu-setpassword" href="#" title="个人信息">
										<i class="iconfont icon-menu-user"></i>
										修改密码
									</a>
								</li>
								<li>
									<a href="#" title="系统设置">
										<i class="iconfont icon-setting"></i>
										系统设置
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a data-toggle="modal" data-target=".menu-logout" href="#" title="登出">
										<i class="iconfont icon-power"></i>
										登出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<!-- 左侧导航 -->
		<aside class="main-sidebar">
			<div class="user-panel">
				<div class="image pull-left">
					<img src="assets/avatars/avatars.png" alt="">
				</div>
				<div class="info pull-right">
					<p class="title">Admin</p>
					<strong>VIP管理员</strong>
				</div>
			</div>
			<section class="sidebar">
				<ul class="sidebar-menu" data-widget="tree">
					<li class="active">
						<a href="/viewMain" title="首页">
							<i class="iconfont icon-dashborad"></i>
							<small>首页</small>
						</a>
					</li>
					<li class="treeview">
						<a href="#" title="商品管理">
							<i class="iconfont icon-chart"></i>
							<small>商品管理</small>
							<span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li>
								<a href="/Item/viewItem_info">
									<i class="iconfont icon-circle-hollow"></i>
									<small>商品信息管理</small>
								</a>
							</li>
							<li>
								<a href="/Item/viewItem_type">
									<i class="iconfont icon-circle-hollow"></i>
									<small>商品类型管理</small>
								</a>
							</li>
						</ul>
					</li>
					<li class="treeview">
						<a href="#" title="表单">
							<i class="iconfont icon-form"></i>
							<small>订单管理</small>
							<span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li>
								<a href="/order/orderControl">
									<i class="iconfont icon-circle-hollow"></i>
									<small>订单信息管理</small>
								</a>
							</li>
							<li>
								<a href="/order/ordershipping">
									<i class="iconfont icon-circle-hollow"></i>
									<small>发货信息管理</small>
								</a>
							</li>
						</ul>
					</li>
					<li class="treeview">
						<a href="#" title="UI元素">
							<i class="iconfont icon-components"></i>
							<small>用户管理</small>
							<span class=" pull-right">
								<i class="iconfont icon-menu-left-small"></i>
							</span>
						</a>
						<ul class="treeview-menu">
							<li>
								<a href="/account/main">
									<i class="iconfont icon-circle-hollow"></i>
									<small>用户信息查改</small>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</section>
		</aside>
		<div class="page-wrapper">
			<div class="page-header">
				<h1 class="title">
					首页
					<small>系统简介</small>
				</h1>
				<ol class="breadcrumb">
					<li>
						<a href="/viewMain" title="家">
							<i class="iconfont icon-home"></i>
							<small>首页</small>
						</a>
					</li>
					<li class="active">
						<small>
							系统简介
						</small>
					</li>
				</ol>
			</div>
			<section class="page-body">
				<div class="row">
					<div class="fettle system">
						<h1><b>宠物商店管理系统</b></h1>
						<div class="table-responsive">
							<table class="table table-striped table-hover">
								<tbody>
									<tr>
										<td>该系统为mypetstore的后台管理系统</td>
									</tr>
									<tr>
										<td>有<b>商品管理、订单管理、用户管理</b>三大板块功能</td>
									</tr>
									<tr>
										<td>商品管理：</td>
										<td>对商品信息进行增删改查，同时还可上架与下架商品</td>
									</tr>
									<tr>
										<td>订单管理：</td>
										<td>对订单信息进行增删改查，同时可查看订单付款信息与发货状态</td>
									</tr>
									<tr>
										<td>用户管理：</td>
										<td>对用户信息进行增删改查，同时管理s员可以修改其他用户权限</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<br>
				<div class="row widget">
					<div class="col-md-3 col-xs-12 col-sm-6">
						<div class="small-box">
							<div class="small-box-icon bg-lightskyblue">
								<i class="iconfont icon-order"></i>
							</div>
							<div class="small-box-inner">
								<h1 class="data fg-lightskyblue">100</h1>
								<p>新订单</p>
								<a class="more" href="#" title="查看更多">查看更多</a>
								<span class="status arrow-down">95.9%</span>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-xs-12 col-sm-6">
						<div class="small-box">
							<div class="small-box-icon bg-green">
								<i class="iconfont icon-visitor"></i>
							</div>
							<div class="small-box-inner">
								<h1 class="data fg-green">656</h1>
								<p>新访客</p>
								<a class="more" href="#" title="查看更多">查看更多</a>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-xs-12 col-sm-6">
						<div class="small-box">
							<div class="small-box-icon bg-yellow">
								<i class="iconfont icon-message"></i>
							</div>
							<div class="small-box-inner">
								<h1 class="data fg-yellow">36</h1>
								<p>新评论</p>
								<a class="more" href="#" title="查看更多">查看更多</a>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-xs-12 col-sm-6">
						<div class="small-box">
							<div class="small-box-icon bg-red">
								<i class="iconfont icon-chart-line"></i>
							</div>
							<div class="small-box-inner">
								<h1 class="data fg-red">$2,340
								</h1>
								<h2>
									销售金额
								</h2>
								<p class="text-muted">最近30天</p>
								<span class="status arrow-up">95.9%</span>
							</div>
						</div>
					</div>
				</div>

				<div class="fettle login">
					<h1 class="title">
						登录信息
					</h1>
					<div class="table-responsive">
						<table class="table table-striped">
							<tbody>
								<tr>
									<td>
										登陆时间:<span>2017年6月12日</span>
									</td>
									<td>
										登陆IP:<span>11.29.135.55</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="fettle system">
					<h1>系统信息</h1>
					<div class="table-responsive">
						<table class="table table-striped table-hover">
							<tbody>
								<tr>
									<td>操作系统:</td>
									<td>PC</td>
									<td>服务器:</td>
									<td>Apache/2.4.10 (Win32) OpenSSL/1.0.1i mod_fcgid/2.3.9</td>
								</tr>
								<tr>
									<td>浏览器:</td>
									<td>Chorme</td>
									<td>PHP版本:</td>
									<td>5.6.1</td>
								</tr>
								<tr>
									<td>
										程序编码:
									</td>
									<td>UTF-8</td>
									<td>
										MySQL版本
									</td>
									<td>5.5.40</td>
								</tr>
								<tr>
									<td>当前操作者:</td>
									<td>Admin</td>
									<td>当前IP:</td>
									<td>112.25.25.255 (广州市)</td>
								</tr>
								<tr>
									<td>当前版本:</td>
									<td>AlphaAdmin 1.0(20170803)</td>
									<td>当前时间:</td>
									<td>2017年9月26日 11:22:00</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</section>
		</div>
		<!-- 修改密码模态框 -->
		<div class="modal fade menu-setpassword" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">修改密码</h4>
					</div>
					<div class="modal-body">
						<table class="table">
							<tbody>
								<tr>
									<th>
										旧密码
									</th>
									<td>
										<input type="text" class="form-control" placeholder="请输入旧密码"
											name="js-oldPassword">
									</td>
								</tr>
								<tr>
									<th>
										新密码
									</th>
									<td>
										<input type="text" class="form-control" placeholder="请输入新密码"
											name="js-newPassword">
									</td>
								</tr>
								<tr>
									<th>
										确认密码
									</th>
									<td>
										<input type="text" class="form-control" placeholder="请再次输入新密码"
											name="js-verifyPassword">
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary">保存</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 退出提示模态框 -->
		<div class="modal fade menu-logout" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">提示</h4>
					</div>
					<div class="modal-body">
						<p>是否确定退出</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button type="button" class="btn btn-primary">登出</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="assets/js/jquery-2.1.0.min.js"></script>
	<script type="text/javascript" src="assets/js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/libs/tinymce/tinymce.min.js"></script>
	<script type="text/javascript" src="assets/js/Chart.min.js"></script>
	<script type="text/javascript" src="assets/js/echarts.min.js"></script>
	<script type="text/javascript" src="assets/js/alpha.js"></script>
	<script type="text/javascript" src="assets/js/dashboard.js"></script>
	<style>
		.copyrights {
			text-indent: -9999px;
			height: 0;
			line-height: 0;
			font-size: 0;
			overflow: hidden;
		}
	</style>
	<div class="copyrights" id="links20210126">
		Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
		<a href="https://www.chazidian.com/" title="查字典">查字典</a>
	</div>
</body>

</html>